.bigProgress {
    margin-top: 50rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2f3e75;
    padding-top: 120rpx;
    background: url('~@/static/big-progress.svg') top center/auto 400rpx
        no-repeat;

    &Num {
        display: flex;
        align-items: flex-end;
        font-size: 50rpx;
        margin-bottom: 30rpx;

        &Val {
            font-size: 100rpx;
        }

        &Persant {
            padding-bottom: 10rpx;
        }
    }

    &Title {
        font-size: 40rpx;
        margin-bottom: 20rpx;
    }

    &SubTitle {
        font-size: 20rpx;
        color: #74797f;
    }
}

.progress {
    $size: 120rpx;
    display: flex;
    justify-content: space-around;
    margin: 50rpx 0;

    &Item {
        width: $size;
        height: $size;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: center center/$size no-repeat;

        &Num {
            font-size: 28rpx;
            color: #2f3e75;
        }

        &Text {
            color: #74797f;
            font-size: 18rpx;
        }
    }

    image {
        width: $size;
        height: $size;
    }
}

.card {
    &Info {
        color: #828282;
        font-size: 20rpx;
    }

    .blue {
        color: #2f3e75;
        font-size: 28rpx;
    }
}
